body{
    background-color:#f2f2f2;
    color:#666;
}
.layui-layout-body{
    overflow:auto
}
#LAY-user-login, .layadmin-user-display-show{
    display:block !important
}
.layadmin-user-login{
    position:relative;
    left:0;
    top:0;
    padding:110px 0;
    min-height:100%;
    box-sizing:border-box
}
.app-login-main{
    top:20%;
    left:50%;
    transform:translateX(-50%);
    margin:0;
    padding:0;
    background-color:#fff;
    border-radius:5px;
    box-shadow:1px 1px 12px rgba(0, 0, 0, .07);
    width:375px;
    box-sizing:border-box;
    position:fixed;
    pointer-events:auto;
    z-index:10000;
}
.app-login-main .logo{
    margin-right:12px;
    width:48px;
}
.layadmin-user-login-box{
    padding:20px
}
.layadmin-user-login-header{
    text-align:center
}
.layadmin-user-login-header h2{
    margin-bottom:10px;
    font-weight:300;
    font-size:27px;
    color:#000
}
.layadmin-user-login-header p{
    font-weight:300;
    color:#999
}
.layadmin-user-login-body .layui-form-item{
    position:relative
}
.layadmin-user-login-body .layui-form-item:nth-child(3){
    margin-bottom:15px;
}
.layadmin-user-login-body .layui-form-item:last-child{
    margin-bottom:10px;
}
.layadmin-user-login-icon{
    position:absolute;
    left:1px;
    top:1px;
    width:38px;
    line-height:36px;
    text-align:center;
    color:#d2d2d2
}
.layadmin-user-login-body .layui-form-item .layui-input{
    padding-left:38px
}
.layadmin-user-login-codeimg{
    max-height:38px;
    width:100%;
    cursor:pointer;
    box-sizing:border-box
}
.layadmin-user-login-other{
    position:relative;
    font-size:0;
    line-height:38px;
    padding-top:20px
}
.layadmin-user-login-other > *{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    font-size:14px
}
.layadmin-user-login-other .layui-icon{
    position:relative;
    top:2px;
    font-size:26px
}
.layadmin-user-login-other a:hover{
    opacity:.8
}
.layadmin-user-jump-change{
    float:right
}
.layadmin-user-login-footer{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    line-height:30px;
    padding:20px;
    text-align:center;
    box-sizing:border-box;
    color:rgba(0, 0, 0, .5)
}
.layadmin-user-login-footer span{
    padding:0 5px
}
.layadmin-user-login-footer a{
    padding:0 5px;
    color:rgba(0, 0, 0, .5)
}
.layadmin-user-login-footer a:hover{
    color:rgba(0, 0, 0, 1)
}
.app-login-main[bgimg]{
    background-color:#fff;
    box-shadow:0 0 5px rgba(0, 0, 0, .05)
}
.ladmin-user-login-theme{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    text-align:center
}
.ladmin-user-login-theme ul{
    display:inline-block;
    padding:5px;
    background-color:#fff
}
.ladmin-user-login-theme ul li{
    display:inline-block;
    vertical-align:top;
    width:64px;
    height:43px;
    cursor:pointer;
    transition:all .3s;
    -webkit-transition:all .3s;
    background-color:#f2f2f2
}
.ladmin-user-login-theme ul li:hover{
    opacity:.9
}
.layadmin-link{
    color:#029789 !important;
}
.layadmin-link:hover{
    opacity:.8
}
::-webkit-input-placeholder{
    color:#999;
}
:-moz-placeholder{ /* Firefox 18- */
    color:#999;
}
::-moz-placeholder{ /* Firefox 19+ */
    color:#999;
}
:-ms-input-placeholder{
    color:#999;
}
@media screen and (max-width:768px){
    .layadmin-user-login{
        padding-top:60px
    }
    .app-login-main{
        width:300px
    }
    .layadmin-user-login-box{
        padding:10px
    }
}
.app-login{
}
.app-login-mask{
    z-index:9999;
    /* background-color:rgb(0, 0, 0); */
    opacity:0.8;
}
.app-login .verify-img img{
    margin-left:15px;
}
.app-register{
    background-color:#fff;
    padding:5px 10px;
}
.app-register .layui-form-label{
    width:50px;
}
.app-register .layui-form .layui-form-item:last-child{
    margin-top:30px;
}
.app-register .layui-input-block{
    margin-left:80px;
}
.none{
    display:none;
}
.layui-form-guest{
    cursor: pointer;
}